<html>

    <head>
        <title>Task Board</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300' rel='stylesheet' type='text/css'>
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="/codeigniter/application/css/style.css" />
        <link rel="stylesheet" type="text/css" href="/codeigniter/application/css/stylePaginationP.css" />
        <link rel='stylesheet' href='/codeigniter/application/css/iconic_fill.css' type='text/css' media='screen' />
        <link rel="stylesheet" href="/codeigniter/application/css/css3-buttons.css" type="text/css" media="screen">
        <link rel="stylesheet" href="/codeigniter/application/css/ventana.css" type="text/css" media="screen">
        <script type="text/javascript" src="/codeigniter/application/jquery/ventanaRegistrarInvitado.js"></script>
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery-1.2.3.min.js"></script>
        <script type="text/javascript" src="/codeigniter/application/jquery/jquery.quick.pagination.min.js"></script>
        <link rel="stylesheet" href="/codeigniter/application/css/ventana.css" type="text/css" media="screen">
        <script type="text/javascript" src="/codeigniter/application/jquery/ventanaRegistrarInvitado.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("ul.pagination").quickPagination();
            });
        </script>
    </head>

    <body>

        <div id="main">
            <header>
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_colour", allows you to change the colour of the text -->
                        <img src="/codeigniter/application/images/logo.png" width="200" height="70" >
                    </div>
                </div>

                <nav>
                    <ul class="sf-menu" id="nav">
                        <li class="selected"><a href="http://localhost/codeigniter/index.php/usuario/goCargarHome">Mi Pared</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/administrador/goVerLog">Ver Log</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/usuario/goConfigurarCuenta">Configurar cuenta personal</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/administrador/goRegistrarInvitado">Registrar usuario</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/administrador/listaUsuarios">Lista Usuarios</a></li>
                        <li><a href="http://localhost/codeigniter/index.php/usuario/goSalir">Salir</a></li>


                    </ul>
                </nav>
            </header><!-- termina el header->
        
            <!-- Contenido de la pagina -->
            <div id="site_content">

                <div id="sidebar_container" >

                    <a href="/codeigniter/index.php/pared/goPizarra" class="button action blue "><span class="label"> <span class='new_button iconic plus'> </span> Crear Proyecto</span></a>

                    <a href="/codeigniter/index.php/administrador/goRegistrarInvitado" class="button action blue "><span class="label"> <span class='new_button iconic plus'> </span> Invitar Usuario</span></a>

                </div>
                <div id="content_other_miPared">
                    <ul class="pagination">
                        <!-- Mostrar cada proyecto como pizarra -->
                        <?php
                        $count = 0;
                        for ($i = 0; $i < count($pizarras); $i++) {

                            $count++;
                            if ($count % 3 == 1)
                                echo "";
                            ?>
                            <li  class="proyectoCorcho" >

                                <a href="/codeigniter/index.php/pared/goVerMiPizarra/<?= $pizarras[$i]['nombre']; ?>">
                                    <h3 class="titulo"><?php echo $pizarras[$i]['nombre']; ?> </h3>
                                </a>

                                <form method="post" action="/codeigniter/index.php/pared/goVerMiPizarra/<?= $pizarras[$i]['nombre']; ?>">
                                    <input type="hidden" name="nombre_proyecto" value="<?= $pizarras[$i]['nombre']; ?>"/>
                                    <input type="submit" value="ver pizarra" />
                                </form>
                                <br>

                                <p class="progress-bar green glow">
                                    <span style="width: 10%"></span>
                                </p>


                            </li>
                        <?php } ?>
                    </ul>
                </div>
            </div>
            <footer>
                <p>Copyright &copy;  <a href="http://www.ldc.usb.ve/~09-10076"> DY CYCLE Systems </p>
            </footer>
        </div>

    </body>
</html>


